<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>支付成功页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="icon" href="../images/logo-mi2.png">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2795554_mi6w6qzds7.css">
    <style>
        i {
            font-size: 500px !important;
            color: #07C160;
            display: block;
            margin: 0 auto;
        }

        section {
            width: 500px;
            height: 500px;
            margin: 0px auto;
        }

        body {
            background: #f5f5f5;
        }

       /*  span,
        em {
            width: 120px;
            height: 50px;
            display: inline-block;
            background: #FF6700;
            font-size: 20px;
            line-height: 50px;
            text-align: center;
            color: #fff;
            margin-left: 1000px;
            cursor: pointer;
        }
 */
       /*  body>em {
            margin-left: 0;
            background: #CA151D;
        } */

        /* 导航 */

        #navbar {
            width: 100%;
            height: 88px;
            border-bottom:2px solid #FF6700;
        }

        .navbar-con {
            width: 1226px;
            height: 88px;
            margin: 0 auto;
            display: flex;
            align-items: center;
        }

        .navbar-con img {
            width: 56px;
            height: 56px;
        }

        .navbar-con p {
            font-size: 26px;
            padding-left: 50px;
        }

        .navbar-con ul {
            margin-left: auto;
        }

        .navbar-con ul li {
            float: left;
            color: #ccc;
            padding: 0 7px;
        }

        .navbar-con ul li a {
            color: #333;
        }
        .navbar-con ul li a:hover{
            color:#FF6700;
        }
    </style>
</head>

<body>
    <!-- 导航 -->
    <nav id="navbar">
        <div class="navbar-con">
            <img src="../images/logo-mi2.png" alt="">
            <p>支付完成</p>
            <ul class='firUl'>
                <li class="cart">
                    <a href="cart.html">返回购物车</a>
                </li>
                <li>|</li>
                <li class='shopping'>
                    <a href="xiaomi.html">继续购物</a>
                </li>
            </ul>
        </div>
    </nav>
    <section>
        <i class="iconfont icon-zhifuchenggong"></i>
    </section>

</html>
<script>
    // //返回购物车
    // let span = document.querySelector('span');
    // span.onclick = function () {
    //     location.href = 'cart.html'
    // }
    // //继续购物
    // let em = document.querySelector('em');
    // em.onclick = function () {
    //     location.href = 'xiaomi.html'
    // }
</script>